.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    overflow: hidden;
    transition: var(--el-transition-duration)
}

.el-card.is-always-shadow {
    box-shadow: var(--el-box-shadow-light)
}

.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: var(--el-box-shadow-light)
}

.el-card__header {
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-card__body {
    padding: var(--el-card-padding)
}

.el-card__footer {
    border-top: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}